html,
body {
  background: #141630;
  color: #fff;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 12px;
}
.swiperBox {
  overflow-y: scroll;
  height: 9.25rem;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.swiperBox2 {
  /* overflow-y: scroll; */
  height: 9.25rem;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0.4rem;
  display: none;
}
.lineTop {
  border-top: 1px solid #fff;
}
.lineLeft {
  border-left: 1px solid #fff;
}
.lineRight {
  border-right: 1px solid #fff;
}
.lineBottom {
  border-bottom: 1px solid #fff;
}
.iconfont {
  font-size: 30px!important;
}
.anchorBL img {
  display: none;
}
/* .anchorBL{display:none} */
/* 头部 */
/* 头部 */
/* 底部 */
#home-footer {
  background: #000;
  font-size: 0.4rem;
}
/* 底部 */
/* mui默认样式 */
.mui-bar-tab .mui-tab-item {
  color: #fff;
}
.mui-bar-tab .mui-tab-item {
  height: 100px;
}
.mui-content {
  width: 100%;
  height: 100%;
}
/* mui默认样式 */
/* 首页 */
#home-page {
  /* map */
  /* 搜索 */
  /* 方向 */
  /* 信号灯 */
  /* 地图放大缩小按钮 */
}
#home-page .map {
  width: 100%;
  height: 100%;
}
#home-page .BMap_mask {
  z-index: 0!important;
}
#home-page .search {
  position: absolute;
  top: 3%;
  left: 5%;
  width: 2.7rem;
  background: #202221;
  line-height: 0.5rem;
  border-radius: 30px;
  font-size: 0.2rem;
  color: #737f7e;
  padding: 5px 15px;
  z-index: 210;
}
#home-page .search .mui-input-row {
  overflow: inherit;
  display: inline-block;
  width: 84%;
}
#home-page .search .mui-icon-clear {
  line-height: 33px;
}
#home-page input.search-input {
  background: none;
  width: 85%;
  display: inline-block;
  text-align: left;
  border: none;
  margin-bottom: 0;
  padding: 0;
}
#home-page .tangram-suggestion-main {
  z-index: 10;
  width: 2.7rem!important;
  top: 88px!important;
  left: 40px!important;
  color: #fff!important;
}
#home-page .tangram-suggestion table tr td {
  color: #fff!important;
}
#home-page #tangram-suggestion--TANGRAM__1o > div {
  background: #000!important;
  color: #fff!important;
  border-top: #fff solid 1px!important;
}
#home-page #tangram-suggestion--TANGRAM__1o > div > span {
  color: #fff!important;
  border-left: #fff solid 1px!important;
}
#home-page .tangram-suggestion-main .tangram-suggestion {
  background: #000;
}
#home-page .tangram-suggestion-current {
  background: #51e3b2!important;
}
#home-page .direction {
  position: absolute;
  top: 3%;
  right: 5%;
  width: 0.5rem;
  height: 0.5rem;
  background: #202221;
  border-radius: 50%;
  text-align: center;
  line-height: 0.5rem;
  color: #51e3b2;
  z-index: 210;
}
#home-page .traffic-light {
  position: absolute;
  top: 10%;
  right: 5%;
  width: 0.5rem;
  height: 0.5rem;
  background: #51e3b2;
  border-radius: 50%;
  text-align: center;
  line-height: 0.5rem;
  color: #000;
  z-index: 210;
}
#home-page .mapZoom {
  position: absolute;
  bottom: 0.6rem;
  left: 0.4rem;
  background: #2c2c2e;
  width: 0.5rem;
  height: 1.6rem;
  z-index: 212;
  border-radius: 30px;
  text-align: center;
  font-size: 1rem;
}
#home-page .mapZoom span {
  width: 100%;
  line-height: 0.75rem;
  font-size: 30px;
  display: block;
}
#home-page .swiperBox2 .swiper-container {
  width: 100%;
  /* height: 100%; */
  overflow: hidden;
  /* background: #000; */
}
#home-page .swiperBox2 .swiper-wrapper {
  width: 100%;
  height: 7rem;
}
#home-page .swiperBox2 .swiper-slide {
  width: 100%;
  height: 7rem;
}
#home-page .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 5px;
  background: #fff;
}
#home-page .swiper-pagination-bullet {
  background: #fff;
}
#home-page .mui-grid-view.mui-grid-9 {
  background: none;
  color: #fff;
  border: none;
}
#home-page .mui-table-view.mui-grid-view {
  text-align: center;
}
#home-page .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
  color: #fff;
}
#home-page .mui-grid-view.mui-grid-9 .mui-media {
  color: #fff;
}
#home-page .mui-grid-view.mui-grid-9 .mui-table-view-cell {
  background: #595a6f;
  border: none;
  margin: 5px;
  padding: 55px 15px;
  width: 31%;
}
#home-page .swiperBox2 .searchBox {
  border: 1px solid #eee;
  margin-bottom: 20px;
  padding: 5px ;
}
#home-page .mui-slider {
  height: 80%;
}
#home-page .mui-slider-indicator .mui-indicator {
  width: 30px;
  border-radius: 15px;
}
/* 首页结束 */
/* 座椅页面 */
#chair-page .chair-btn {
  width: 50px;
  height: 50px;
  background: #51e3b2;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  color: #000;
  font-size: 0.3rem;
  position: absolute;
  z-index: 1;
}
#chair-page .chair-btn1 {
  top: 22%;
  left: 22%;
}
#chair-page .chair-btn2 {
  top: 22%;
  left: 36%;
}
#chair-page .chair-btn3 {
  top: 22%;
  right: 36%;
}
#chair-page .chair-btn4 {
  top: 22%;
  right: 22%;
}
#chair-page .chair-btn5 {
  top: 58%;
  left: 22%;
}
#chair-page .chair-btn6 {
  top: 58%;
  left: 36%;
}
#chair-page .chair-btn7 {
  top: 58%;
  right: 36%;
}
#chair-page .chair-btn8 {
  top: 58%;
  right: 22%;
}
#chair-page .chair-car {
  width: 100%;
  height: 100%;
  position: relative;
  background: #000;
}
#chair-page .chair-car img {
  width: 100%;
  margin-top: -4rem;
}
#chair-page .chair1 {
  width: 170px;
  height: 280px;
  position: absolute;
  top: 29%;
  left: 21%;
}
#chair-page .chair2 {
  width: 170px;
  height: 280px;
  position: absolute;
  top: 29%;
  right: 21%;
}
#chair-page .chair-01 {
  width: 170px;
  height: 212px;
  /* background: pink; */
}
#chair-page .chair-01 img,
#chair-page .chair-02 img {
  margin-top: 0;
}
#chair-page .chair-02 {
  width: 170px;
  height: 60px;
  /* background: green; */
}
